
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca inválida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">4190</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-inva-lida-b5618'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '13'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  78.92,20.78,0.23,0.02,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692808948,null],[1692808949,null],[1692808950,null],[1692808951,null],[1692808952,null],[1692808953,null],[1692808954,null],[1692808955,null],[1692808956,null],[1692808957,null],[1692808958,null],[1692808959,null],[1692808960,null],[1692808961,null],[1692808962,null],[1692808963,null],[1692808964,null],[1692808965,null],[1692808966,null],[1692808967,null],[1692808968,null],[1692808969,null],[1692808970,null],[1692808971,null],[1692808972,null],[1692808973,null],[1692808974,null],[1692808975,null],[1692808976,null],[1692808977,null],[1692808978,null],[1692808979,null],[1692808980,null],[1692808981,null],[1692808982,null],[1692808983,null],[1692808984,null],[1692808985,null],[1692808986,null],[1692808987,null],[1692808988,null],[1692808989,null],[1692808990,null],[1692808991,null],[1692808992,null],[1692808993,null],[1692808994,null],[1692808995,null],[1692808996,null],[1692808997,null],[1692808998,null],[1692808999,null],[1692809000,null],[1692809001,null],[1692809002,null],[1692809003,null],[1692809004,null],[1692809005,null],[1692809006,null],[1692809007,null],[1692809008,null],[1692809009,null],[1692809010,null],[1692809011,null],[1692809012,null],[1692809013,null],[1692809014,null],[1692809015,null],[1692809016,null],[1692809017,null],[1692809018,null],[1692809019,null],[1692809020,null],[1692809021,null],[1692809022,null],[1692809023,null],[1692809024,null],[1692809025,null],[1692809026,null],[1692809027,null],[1692809028,null],[1692809029,null],[1692809030,null],[1692809031,null],[1692809032,null],[1692809033,null],[1692809034,null],[1692809035,null],[1692809036,null],[1692809037,null],[1692809038,null],[1692809039,null],[1692809040,null],[1692809041,null],[1692809042,null],[1692809043,null],[1692809044,null],[1692809045,null],[1692809046,null],[1692809047,null],[1692809048,null],[1692809049,null],[1692809050,null],[1692809051,null],[1692809052,null],[1692809053,null],[1692809054,null],[1692809055,null],[1692809056,null],[1692809057,null],[1692809058,null],[1692809059,null],[1692809060,null],[1692809061,null],[1692809062,null],[1692809063,null],[1692809064,null],[1692809065,null],[1692809066,null],[1692809067,null],[1692809068,null],[1692809069,null],[1692809070,null],[1692809071,null],[1692809072,null],[1692809073,null],[1692809074,null],[1692809075,null],[1692809076,null],[1692809077,null],[1692809078,null],[1692809079,null],[1692809080,null],[1692809081,null],[1692809082,null],[1692809083,null],[1692809084,null],[1692809085,null],[1692809086,null],[1692809087,null],[1692809088,null],[1692809089,null],[1692809090,null],[1692809091,null],[1692809092,null],[1692809093,null],[1692809094,null],[1692809095,null],[1692809096,null],[1692809097,null],[1692809098,null],[1692809099,null],[1692809100,null],[1692809101,null],[1692809102,null],[1692809103,null],[1692809104,null],[1692809105,null],[1692809106,null],[1692809107,null],[1692809108,null],[1692809109,null],[1692809110,null],[1692809111,null],[1692809112,null],[1692809113,null],[1692809114,null],[1692809115,null],[1692809116,null],[1692809117,null],[1692809118,null],[1692809119,null],[1692809120,null],[1692809121,null],[1692809122,null],[1692809123,null],[1692809124,null],[1692809125,null],[1692809126,null],[1692809127,null],[1692809128,null],[1692809129,null],[1692809130,null],[1692809131,null],[1692809132,null],[1692809133,null],[1692809134,null],[1692809135,null],[1692809136,null],[1692809137,null],[1692809138,null],[1692809139,null],[1692809140,null],[1692809141,null],[1692809142,null],[1692809143,null],[1692809144,null],[1692809145,null],[1692809146,null],[1692809147,null],[1692809148,null],[1692809149,null],[1692809150,null],[1692809151,null],[1692809152,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692808948,[2,0,2]],[1692808949,[2,0,2]],[1692808950,[2,0,2]],[1692808951,[2,0,2]],[1692808952,[2,0,2]],[1692808953,[2,0,2]],[1692808954,[2,0,2]],[1692808955,[2,0,2]],[1692808956,[2,0,2]],[1692808957,[2,0,2]],[1692808958,[2,0,2]],[1692808959,[2,0,2]],[1692808960,[2,0,2]],[1692808961,[2,0,2]],[1692808962,[2,0,2]],[1692808963,[2,0,2]],[1692808964,[2,0,2]],[1692808965,[2,0,2]],[1692808966,[2,0,2]],[1692808967,[2,0,2]],[1692808968,[2,0,2]],[1692808969,[2,0,2]],[1692808970,[2,0,2]],[1692808971,[2,0,2]],[1692808972,[2,0,2]],[1692808973,[4,0,4]],[1692808974,[6,0,6]],[1692808975,[6,0,6]],[1692808976,[6,0,6]],[1692808977,[7,0,7]],[1692808978,[7,0,7]],[1692808979,[7,0,7]],[1692808980,[8,0,8]],[1692808981,[7,0,7]],[1692808982,[8,0,8]],[1692808983,[8,0,8]],[1692808984,[8,0,8]],[1692808985,[8,0,8]],[1692808986,[8,0,8]],[1692808987,[9,0,9]],[1692808988,[9,0,9]],[1692808989,[9,0,9]],[1692808990,[9,0,9]],[1692808991,[10,0,10]],[1692808992,[9,0,9]],[1692808993,[10,0,10]],[1692808994,[10,0,10]],[1692808995,[10,0,10]],[1692808996,[10,0,10]],[1692808997,[11,0,11]],[1692808998,[11,0,11]],[1692808999,[10,0,10]],[1692809000,[12,0,12]],[1692809001,[11,0,11]],[1692809002,[12,0,12]],[1692809003,[11,0,11]],[1692809004,[12,0,12]],[1692809005,[12,0,12]],[1692809006,[12,0,12]],[1692809007,[13,0,13]],[1692809008,[12,0,12]],[1692809009,[13,0,13]],[1692809010,[13,0,13]],[1692809011,[13,0,13]],[1692809012,[14,0,14]],[1692809013,[13,0,13]],[1692809014,[14,0,14]],[1692809015,[14,0,14]],[1692809016,[14,0,14]],[1692809017,[14,0,14]],[1692809018,[15,0,15]],[1692809019,[14,0,14]],[1692809020,[15,0,15]],[1692809021,[15,0,15]],[1692809022,[16,0,16]],[1692809023,[15,0,15]],[1692809024,[16,0,16]],[1692809025,[16,0,16]],[1692809026,[16,0,16]],[1692809027,[16,0,16]],[1692809028,[17,0,17]],[1692809029,[16,0,16]],[1692809030,[17,0,17]],[1692809031,[17,0,17]],[1692809032,[17,0,17]],[1692809033,[18,0,18]],[1692809034,[17,0,17]],[1692809035,[18,0,18]],[1692809036,[17,0,17]],[1692809037,[19,0,19]],[1692809038,[18,0,18]],[1692809039,[18,0,18]],[1692809040,[19,0,19]],[1692809041,[19,0,19]],[1692809042,[19,0,19]],[1692809043,[19,0,19]],[1692809044,[20,0,20]],[1692809045,[19,0,19]],[1692809046,[20,0,20]],[1692809047,[20,0,20]],[1692809048,[20,0,20]],[1692809049,[20,0,20]],[1692809050,[21,0,21]],[1692809051,[21,0,21]],[1692809052,[21,0,21]],[1692809053,[21,0,21]],[1692809054,[21,0,21]],[1692809055,[22,0,22]],[1692809056,[21,0,21]],[1692809057,[22,0,22]],[1692809058,[22,0,22]],[1692809059,[22,0,22]],[1692809060,[23,0,23]],[1692809061,[23,0,23]],[1692809062,[23,0,23]],[1692809063,[23,0,23]],[1692809064,[23,0,23]],[1692809065,[23,0,23]],[1692809066,[23,0,23]],[1692809067,[24,0,24]],[1692809068,[24,0,24]],[1692809069,[24,0,24]],[1692809070,[25,0,25]],[1692809071,[24,0,24]],[1692809072,[25,0,25]],[1692809073,[25,0,25]],[1692809074,[25,0,25]],[1692809075,[25,0,25]],[1692809076,[25,0,25]],[1692809077,[26,0,26]],[1692809078,[26,0,26]],[1692809079,[26,0,26]],[1692809080,[26,0,26]],[1692809081,[27,0,27]],[1692809082,[26,0,26]],[1692809083,[27,0,27]],[1692809084,[27,0,27]],[1692809085,[27,0,27]],[1692809086,[27,0,27]],[1692809087,[28,0,28]],[1692809088,[28,0,28]],[1692809089,[27,0,27]],[1692809090,[29,0,29]],[1692809091,[28,0,28]],[1692809092,[29,0,29]],[1692809093,[28,0,28]],[1692809094,[29,0,29]],[1692809095,[29,0,29]],[1692809096,[29,0,29]],[1692809097,[30,0,30]],[1692809098,[29,0,29]],[1692809099,[30,0,30]],[1692809100,[30,0,30]],[1692809101,[30,0,30]],[1692809102,[31,0,31]],[1692809103,[30,0,30]],[1692809104,[31,0,31]],[1692809105,[31,0,31]],[1692809106,[31,0,31]],[1692809107,[32,0,32]],[1692809108,[31,0,31]],[1692809109,[32,0,32]],[1692809110,[32,0,32]],[1692809111,[32,0,32]],[1692809112,[32,0,32]],[1692809113,[33,0,33]],[1692809114,[32,0,32]],[1692809115,[33,0,33]],[1692809116,[33,0,33]],[1692809117,[33,0,33]],[1692809118,[34,0,34]],[1692809119,[33,0,33]],[1692809120,[34,0,34]],[1692809121,[34,0,34]],[1692809122,[34,0,34]],[1692809123,[35,0,35]],[1692809124,[34,0,34]],[1692809125,[35,0,35]],[1692809126,[34,0,34]],[1692809127,[36,0,36]],[1692809128,[35,0,35]],[1692809129,[35,0,35]],[1692809130,[36,0,36]],[1692809131,[36,0,36]],[1692809132,[36,0,36]],[1692809133,[36,0,36]],[1692809134,[37,0,37]],[1692809135,[36,0,36]],[1692809136,[37,0,37]],[1692809137,[37,0,37]],[1692809138,[37,0,37]],[1692809139,[37,0,37]],[1692809140,[38,0,38]],[1692809141,[38,0,38]],[1692809142,[38,0,38]],[1692809143,[38,0,38]],[1692809144,[38,0,38]],[1692809145,[39,0,39]],[1692809146,[38,0,38]],[1692809147,[39,0,39]],[1692809148,[39,0,39]],[1692809149,[39,0,39]],[1692809150,[40,0,40]],[1692809151,[40,0,40]],[1692809152,[58,0,58]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692808948,[2,0,2]],[1692808949,[2,0,2]],[1692808950,[2,0,2]],[1692808951,[2,0,2]],[1692808952,[2,0,2]],[1692808953,[2,0,2]],[1692808954,[2,0,2]],[1692808955,[2,0,2]],[1692808956,[2,0,2]],[1692808957,[2,0,2]],[1692808958,[2,0,2]],[1692808959,[2,0,2]],[1692808960,[2,0,2]],[1692808961,[2,0,2]],[1692808962,[2,0,2]],[1692808963,[2,0,2]],[1692808964,[2,0,2]],[1692808965,[2,0,2]],[1692808966,[2,0,2]],[1692808967,[2,0,2]],[1692808968,[2,0,2]],[1692808969,[2,0,2]],[1692808970,[2,0,2]],[1692808971,[2,0,2]],[1692808972,[2,0,2]],[1692808973,[4,0,4]],[1692808974,[6,0,6]],[1692808975,[6,0,6]],[1692808976,[6,0,6]],[1692808977,[7,0,7]],[1692808978,[7,0,7]],[1692808979,[7,0,7]],[1692808980,[8,0,8]],[1692808981,[7,0,7]],[1692808982,[8,0,8]],[1692808983,[8,0,8]],[1692808984,[8,0,8]],[1692808985,[8,0,8]],[1692808986,[8,0,8]],[1692808987,[9,0,9]],[1692808988,[9,0,9]],[1692808989,[9,0,9]],[1692808990,[9,0,9]],[1692808991,[10,0,10]],[1692808992,[9,0,9]],[1692808993,[10,0,10]],[1692808994,[10,0,10]],[1692808995,[10,0,10]],[1692808996,[10,0,10]],[1692808997,[11,0,11]],[1692808998,[11,0,11]],[1692808999,[10,0,10]],[1692809000,[12,0,12]],[1692809001,[11,0,11]],[1692809002,[12,0,12]],[1692809003,[11,0,11]],[1692809004,[12,0,12]],[1692809005,[12,0,12]],[1692809006,[12,0,12]],[1692809007,[13,0,13]],[1692809008,[12,0,12]],[1692809009,[13,0,13]],[1692809010,[13,0,13]],[1692809011,[13,0,13]],[1692809012,[14,0,14]],[1692809013,[13,0,13]],[1692809014,[14,0,14]],[1692809015,[14,0,14]],[1692809016,[14,0,14]],[1692809017,[14,0,14]],[1692809018,[15,0,15]],[1692809019,[14,0,14]],[1692809020,[15,0,15]],[1692809021,[15,0,15]],[1692809022,[16,0,16]],[1692809023,[15,0,15]],[1692809024,[16,0,16]],[1692809025,[16,0,16]],[1692809026,[16,0,16]],[1692809027,[16,0,16]],[1692809028,[17,0,17]],[1692809029,[16,0,16]],[1692809030,[17,0,17]],[1692809031,[17,0,17]],[1692809032,[17,0,17]],[1692809033,[18,0,18]],[1692809034,[17,0,17]],[1692809035,[18,0,18]],[1692809036,[17,0,17]],[1692809037,[19,0,19]],[1692809038,[18,0,18]],[1692809039,[18,0,18]],[1692809040,[19,0,19]],[1692809041,[19,0,19]],[1692809042,[19,0,19]],[1692809043,[19,0,19]],[1692809044,[20,0,20]],[1692809045,[19,0,19]],[1692809046,[20,0,20]],[1692809047,[20,0,20]],[1692809048,[20,0,20]],[1692809049,[20,0,20]],[1692809050,[21,0,21]],[1692809051,[21,0,21]],[1692809052,[21,0,21]],[1692809053,[21,0,21]],[1692809054,[21,0,21]],[1692809055,[22,0,22]],[1692809056,[21,0,21]],[1692809057,[22,0,22]],[1692809058,[22,0,22]],[1692809059,[22,0,22]],[1692809060,[23,0,23]],[1692809061,[23,0,23]],[1692809062,[23,0,23]],[1692809063,[23,0,23]],[1692809064,[23,0,23]],[1692809065,[23,0,23]],[1692809066,[23,0,23]],[1692809067,[24,0,24]],[1692809068,[24,0,24]],[1692809069,[24,0,24]],[1692809070,[25,0,25]],[1692809071,[24,0,24]],[1692809072,[25,0,25]],[1692809073,[25,0,25]],[1692809074,[25,0,25]],[1692809075,[25,0,25]],[1692809076,[25,0,25]],[1692809077,[26,0,26]],[1692809078,[26,0,26]],[1692809079,[26,0,26]],[1692809080,[26,0,26]],[1692809081,[27,0,27]],[1692809082,[26,0,26]],[1692809083,[27,0,27]],[1692809084,[27,0,27]],[1692809085,[27,0,27]],[1692809086,[27,0,27]],[1692809087,[28,0,28]],[1692809088,[28,0,28]],[1692809089,[27,0,27]],[1692809090,[29,0,29]],[1692809091,[28,0,28]],[1692809092,[29,0,29]],[1692809093,[28,0,28]],[1692809094,[29,0,29]],[1692809095,[29,0,29]],[1692809096,[29,0,29]],[1692809097,[30,0,30]],[1692809098,[29,0,29]],[1692809099,[30,0,30]],[1692809100,[30,0,30]],[1692809101,[30,0,30]],[1692809102,[31,0,31]],[1692809103,[30,0,30]],[1692809104,[31,0,31]],[1692809105,[31,0,31]],[1692809106,[31,0,31]],[1692809107,[32,0,32]],[1692809108,[31,0,31]],[1692809109,[32,0,32]],[1692809110,[32,0,32]],[1692809111,[32,0,32]],[1692809112,[32,0,32]],[1692809113,[33,0,33]],[1692809114,[32,0,32]],[1692809115,[33,0,33]],[1692809116,[33,0,33]],[1692809117,[33,0,33]],[1692809118,[34,0,34]],[1692809119,[33,0,33]],[1692809120,[34,0,34]],[1692809121,[34,0,34]],[1692809122,[34,0,34]],[1692809123,[35,0,35]],[1692809124,[34,0,34]],[1692809125,[35,0,35]],[1692809126,[34,0,34]],[1692809127,[36,0,36]],[1692809128,[35,0,35]],[1692809129,[35,0,35]],[1692809130,[36,0,36]],[1692809131,[36,0,36]],[1692809132,[36,0,36]],[1692809133,[36,0,36]],[1692809134,[37,0,37]],[1692809135,[36,0,36]],[1692809136,[37,0,37]],[1692809137,[37,0,37]],[1692809138,[37,0,37]],[1692809139,[37,0,37]],[1692809140,[38,0,38]],[1692809141,[38,0,38]],[1692809142,[38,0,38]],[1692809143,[38,0,38]],[1692809144,[38,0,38]],[1692809145,[39,0,39]],[1692809146,[38,0,38]],[1692809147,[39,0,39]],[1692809148,[39,0,39]],[1692809149,[39,0,39]],[1692809150,[40,0,40]],[1692809151,[40,0,40]],[1692809152,[58,0,58]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 4190.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[4,0],[5,1],[6,12],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[6,1],[7,1],[7,1],[7,1],[7,1],[9,0],[10,1],[10,1],[11,1],[11,1],[12,0],[12,0],[14,1],[21,1],[26,1],[30,1],[35,1],[37,1],[42,2],[47,1],[50,1],[55,1],[58,1],[62,2],[65,0],[71,0],[74,1],[79,1],[81,1],[87,1],[91,1],[94,1],[99,1],[103,1],[105,1],[110,1],[116,1],[118,1],[121,1],[127,0],[131,1],[135,1],[138,1],[142,0],[147,1],[150,1],[154,1],[159,1],[163,1],[166,1],[170,0],[176,0],[177,0],[183,1],[186,1],[191,1],[195,1],[198,1],[202,1],[207,1],[211,1],[216,0],[218,1],[223,1],[227,0],[231,0],[235,0],[238,0],[243,0],[247,0],[251,0],[254,1],[260,1],[262,0],[266,0],[270,0],[277,0],[279,1],[281,1],[287,0],[292,0],[295,0],[298,0],[303,0],[307,0],[311,0],[315,0],[319,0],[323,1],[327,1],[332,0],[335,0],[339,1],[342,0],[348,0],[350,0],[355,0],[360,0],[362,0],[367,0],[372,0],[376,0],[379,0],[382,0],[387,1],[391,1],[396,0],[398,0],[403,0],[408,0],[411,0],[416,0],[419,0],[423,0],[427,1],[431,1],[436,1],[439,1],[443,0],[448,1],[451,1],[456,1],[460,1],[463,1],[466,1],[472,0],[476,1],[479,1],[482,0],[489,1],[491,1],[496,0],[499,0],[503,0],[508,1],[511,1],[515,0],[520,0],[524,0],[527,0],[531,0],[536,0],[540,0],[543,1],[547,1],[552,0],[557,1],[559,1],[564,0],[567,0],[572,0],[576,0],[580,0],[583,0],[588,0],[592,0],[595,1],[600,1],[604,1],[608,1],[611,1],[617,1],[620,1],[623,1],[628,1],[630,0],[638,0],[640,1],[643,1],[647,0],[653,1],[657,1],[658,1],[665,1],[667,0],[673,1],[676,1],[680,0],[683,0],[688,1],[693,1],[696,1],[700,0],[703,0],[709,0],[711,0],[716,0],[721,0],[724,1],[728,1],[733,1],[1080,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
